<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/plantillas/menuTemplate.xhtml">
 <ui:define name="content">	  	        
    <h:panelGrid columns="2" cellpadding="15" cellspacing="5" styleClass="content">
     <h:form styleClass="form">
     <p:panel header="Alta Socio" id="idPanel" >
      <h:panelGrid columns="2" id="idPanelGrid">
       <p:outputLabel value="Nombre: "></p:outputLabel><p:inputText value="#{registroSocioBean.socio.nombreSocio}" styleClass=""></p:inputText>
       <p:outputLabel value="Apellido Paterno: "></p:outputLabel><p:inputText value="#{registroSocioBean.socio.apellidoPaterno}"></p:inputText>
       <p:outputLabel value="Apellido Materno: "></p:outputLabel><p:inputText value="#{registroSocioBean.socio.apellidoMaterno}"></p:inputText>
       <p:outputLabel value="Fecha Nacimiento: "></p:outputLabel><p:calendar id="fechaN" value="#{registroSocioBean.socio.fechaNacimiento}"  navigator="true" pattern="dd-MMM-yyyy" />
       <p:outputLabel value="Proyecto: "></p:outputLabel>
				<p:selectOneMenu value="#{registroSocioBean.socio.idUnidadH}">					
					<f:selectItems value="#{loginBean.listUnidadesH}"></f:selectItems>
				</p:selectOneMenu>
	   <p:outputLabel value="estatus: "></p:outputLabel>
				<p:selectOneMenu value="#{registroSocioBean.socio.idEstatus.idElemento}">				   
					<f:selectItems value="#{catalogosBean.estatus}"></f:selectItems>
				</p:selectOneMenu>
	   <p:outputLabel value="comisión: "></p:outputLabel>
				<p:selectOneMenu value="#{registroSocioBean.socio.idComision.idElemento}">				    
					<f:selectItems value="#{catalogosBean.comisiones}"></f:selectItems>
				</p:selectOneMenu>
	   <p:outputLabel value="numero Lista: "></p:outputLabel>
       <p:inputText value="#{registroSocioBean.socio.numeroLista}"></p:inputText>       
       <p:outputLabel value="sexo: "></p:outputLabel>
				<p:selectOneMenu value="#{registroSocioBean.socio.idSexo.idElemento}" styleClass="estiloMenu">				    
					<f:selectItems value="#{catalogosBean.generos}"></f:selectItems>
				</p:selectOneMenu>
	   <p:outputLabel value="mail: "></p:outputLabel><p:inputText value="#{registroSocioBean.socio.correo}"></p:inputText>  
	   <p:outputLabel value="Telefono Casa: "/><p:inputText value="#{registroSocioBean.socio.telefono}"></p:inputText>
	   <p:outputLabel value="Telefono Movil: "/><p:inputText value="#{registroSocioBean.socio.movil}"></p:inputText>       
      </h:panelGrid>
     </p:panel>
     <h:panelGrid columns="2" cellpadding="10">
       <p:commandButton value="Guardar" actionListener="#{registroSocioBean.insertarSocio}" update="idPanel,:idGraficaGenero"></p:commandButton>
       <p:commandButton value="Limpiar" actionListener="#{registroSocioBean.limpiarCampos}" update="idPanelGrid"></p:commandButton>     
     </h:panelGrid>
     </h:form>         
     <p:chart type="pie" model="#{graficaRegistroUsuarios.graficaGeneroRegistros}" style="width:400px;height:300px" id="idGraficaGenero"></p:chart>     
    </h:panelGrid>      
</ui:define>

</ui:composition>
</html>